<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>课件</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/dialog.css"/>
<link rel="stylesheet" type="text/css" href="css/exanIndex.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/dialog.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div v-cloak id="zbom">

	<header class="header">
		<a class="left_icon back_btn"></a>
		<h4 class="title">课件</h4>
	</header>
	
	<div class="swiper-container Main" id="Main">
		<div class="swiper-wrapper">
			<div class="swiper-slide content">
				
				<div class="children" id="exam_dtl">
					
					<div class="top_photo">
						<img src="image/exam/exam_cover.jpg" />
					</div>
					
					<div class="threeMod">
						<ul class="dm-mb bg-w">
							<li class="dm-title bottom-line">1、何为战略管理</li>
							<li class="intro">战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性</li>
						</ul>
						<ul class="dm-mb bg-w">
							<li class="dm-title bottom-line">2、何为战略管理</li>
							<li class="intro">战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性战略管理的重要性</li>
						</ul>
					</div>
					
				</div>
				
			</div>
		</div>
	</div>
	
</div>


<!--引入模拟数据-->
<script src="data/examData.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

var vm = new Vue({
	el:"#zbom",
	data:{
		swiper:null,
		lesson:{},
		nav:0,
	},
	methods:{
		//获取id对应数据
		getData:function(){
			var id = getUrlParam('id');
			for(var i=0;i<courses.length;i++){
				if(courses[i].id == id){
					this.lesson = courses[i];
				};
			};
		},
		
		//切换
		tabNav:function(type){
			this.nav = type;
			this.swiper.setWrapperTranslate(0);
		},
		
		//添加课程
		addLesson:function(e){
			var target = e.currentTarget;
			var type = target.getAttribute('data-type');
			if(type == 0){
				target.innerHTML = '已添加课程';
				target.setAttribute('data-type',1);
				tip('添加成功')
			}else{
				target.innerHTML = '添加课程';
				target.setAttribute('data-type',0);
				tip('取消成功')
			};
		},
		
		//收放课程列表
//		lessonSlide:function(e){
//			var target = e.currentTarget;
//			var val = target.getAttribute('data-val');
//			if(val == 0){
//				//展开
//				$(target).next().slideDown();
//				$(target).attr('data-val',1);
//			}else{
//				//收起
//				$(target).next().slideUp();
//				$(target).attr('data-val',0);
//			};
//		},
	},
	mounted:function(){
		var that = this;
		this.swiper = pullSwiper('#Main',{
			up:true,
			//down:true,
		});
		this.getData();
	}
});


//刷新数据
function refresh(pull){
	pull.innerText = '刷新成功';
};

//加载数据
//function reload(pull){
//	pull.innerText = '已加载全部数据'
//};

</script>

</body>
</html>
